<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="pink">
		<!--叫法:标记与元素
		    标记:<W3C指定单词>  特定含义,页面上实现具体效果
		    前标记和后标记加内容组成
			元素：
		-->
		<!-- 页面存：文本，图片，超链接... -->
		<!-- 一、文本元素群
		      1.假文【占位符】Lorem+tab
		 -->
		 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur incidunt delectus sint voluptatibus asperiores in exercitationem similique, fugiat cupiditate fugit ducimus, eligendi assumenda dolorem, non alias. In voluptatum praesentium itaque!
		 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo maxime eius doloremque mollitia perferendis nemo temporibus amet voluptatibus et sit rem, aut, modi delectus? Quisquam corporis minima aut quia. Perferendis?
		 <!-- 2.段落元素 p元素-->
		 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid ex veritatis non minima sit fugit repudiandae. Animi ratione vel enim minima consequuntur ad eos aliquid, voluptatem dolores culpa, officia velit!</p>
	    <!-- 3.跑马灯元素-->
		<marquee>滚滚长江东逝水</marquee>
		<!-- 4.标记元素  加粗放大 h1~h6  -->
		<h1>标题元素</h1>
				床前明月光，疑是地上霜
		<h2>标记元素</h2>
		<h3>标记元素</h3>
		<h4>标记元素</h4>
		<h5>标记元素</h5>
		<h6>标记元素</h6>
		<!-- 5.实业、实体字符：特殊字符 自带语法：&W3C定义单词；
		     &reg;代表商标
			 &copy;代表版权
			 &lt;代表小于
			 &gt;代表大于
			 &nbsp;代表空格
		-->
		&reg;代表商标
		&copy;代表版权
		&lt;代表小于
		&gt;代表大于
		&nbsp;代表空格
		<!-- 6.文本样式元素[7个]:做文本效果 -->
		<i>文本倾斜</i>
		<b>文本加粗</b>
		<u>文本下划线</u>
		<del>文本删除线</del>
		<s>文本删除线</s>
		2<sup>3</sup>
		文言文<sub>解释</sub>
		<!-- 文本加粗并且倾斜【嵌套】 -->
		<i><b>123</b></i>
		<!-- 7.分割线元素与换行元素 
		   元素分为两类：1.成对【双标记】封闭型标记
		               2.单【单标记】非封闭型标记
					   语法：<W3C单词 />  简写<W3C单词>
		-->
		<hr>
		文字<br>效果
		<!-- 8.欲格式化元素 pre 效果：放进去是什么，显示什么，包括空格与回车 -->
		<pre>
			              &lt;p&gt;静夜思&lt;/p&gt;
				举头望明月，低头思故乡
		</pre>
	</body>
</html>